/* Home section */

body {
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, #114576 0%, #114576 100%),
    linear-gradient(1deg, rgba(11, 0, 65, 0) 42%, #0b0041 77%);
}

/* buttons */

.custom-btn3 {
  height: 49.24px;
  color: #fff;
  border-radius: 42.07px !important;
  padding: 10px 25px;

  font-weight: 500;
  background: transparent;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  display: inline-block;
  border: none;
  outline: none;
  padding: 1rem 3rem !important;
}

.custom-btn3:hover {
  transform: scale(1.1);
}

.btn-93 {
  transition: all 0.5s ease;
  overflow: hidden;
}

.btn-93:after {
  position: absolute;
  content: " ";
  z-index: 0;
  top: 0;
  left: 0;
  width: 300px;
  height: 245px;
  margin: -25px -15px;
  border-radius: 42.07px !important;
  background: linear-gradient(
    100deg,
    rgba(11, 0, 65, 1) 0%,
    rgba(245, 186, 64, 1) 100%
  );
  transition: all 0.8s ease;
}

.btn-93:hover {
  background: transparent;

  color: #fff;
}

.btn-93:hover:after {
  -webkit-transform: scale(2) rotate(180deg);
  transform: scale(2) rotate(180deg);
}

.custom-btn2 {
  height: 49.24px;
  color: #fff;
  border-radius: 42.07px !important;
  padding: 10px 25px;

  font-weight: 500;
  background: transparent;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  display: inline-block;
  border: none;
  outline: none;
  padding: 1rem 3rem;
}

.custom-btn2:hover {
  transform: scale(1.1);
}

/* 9 */
.btn-92 {
  transition: all 0.5s ease;
  overflow: hidden;
}

.btn-92:after {
  position: absolute;
  content: " ";
  z-index: 0;
  top: 0;
  left: 0;
  width: 300px;
  height: 245px;
  margin: -25px -15px;
  border-radius: 42.07px !important;
  background-image: linear-gradient(-73deg, #f5ba40 0%, #ed5f1e 100%);
  transition: all 0.8s ease;
}

.btn-92:hover {
  background: transparent;

  color: #fff;
}

.btn-92:hover:after {
  -webkit-transform: scale(2) rotate(180deg);
  transform: scale(2) rotate(180deg);
}

.custom-btn1 {
  height: 49.24px;
  color: #fff;
  border-radius: 42.07px !important;
  padding: 10px 25px;

  font-weight: 500;
  background: transparent;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  display: inline-block;
  border: none;
  outline: none;
  padding: 1rem 3rem;
  white-space: nowrap;
}

.custom-btn1:hover {
  transform: scale(1.1);
}

.btn-91 {
  transition: all 0.5s ease;
  overflow: hidden;
}

.btn-91:after {
  position: absolute;
  content: " ";
  z-index: 0;
  top: 0;
  left: 0;
  width: 300px;
  height: 245px;
  margin: -25px -15px;
  border-radius: 42.07px !important;
  background: linear-gradient(
    108deg,
    rgba(245, 186, 64, 1) 0%,
    rgba(68, 190, 189, 1) 100%
  );
  transition: all 0.8s ease;
}

.btn-91:hover {
  background: transparent;

  color: #fff;
}

.btn-91:hover:after {
  -webkit-transform: scale(2) rotate(180deg);
  transform: scale(2) rotate(180deg);
}

.btnelement {
  font-size: 20px;
  text-decoration: none;
}

.btnfontfifth {
  z-index: 1;
}
#mobbtnv2 {
  display: none;
}

/* buttons */

.custom-getplan {
  width: 259.13px;
  height: 43px;
  color: #fff;
  border-radius: 42.07px !important;
  padding: 10px 25px;

  font-weight: 500;
  background: transparent;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  display: inline-block;
  border: none;
  outline: none;
  padding: 1rem 3rem;
}

.custom-getplan:hover {
  transform: scale(1.1);
}

.btn-getplan {
  transition: all 0.5s ease;
  overflow: hidden;
}

.btn-getplan:after {
  position: absolute;
  content: " ";
  z-index: 0;
  top: 0;
  left: 0;
  width: 290px;
  height: 240px;
  margin: -20px -10px;
  border-radius: 42.07px !important;
  background-image: linear-gradient(-73deg, #f5ba40 0%, #ed5f1e 100%);
  transition: all 0.8s ease;
}

.btn-getplan:hover {
  background: transparent;
  color: #fff;
}

.btn-getplan:hover:after {
  -webkit-transform: scale(2) rotate(180deg);
  transform: scale(2) rotate(180deg);
}

/* version 0 */
.btn-getplanv0 {
  transition: all 0.5s ease;
  overflow: hidden;
}

.btn-getplanv0:after {
  position: absolute;
  content: " ";
  z-index: 0;
  top: 0;
  left: 0;
  width: 290px;
  height: 240px;
  margin: -20px -10px;
  border-radius: 42.07px !important;
  background: linear-gradient(
    108deg,
    rgba(245, 186, 64, 1) 0%,
    rgba(68, 190, 189, 1) 100%
  );
  transition: all 0.8s ease;
}

.btn-getplanv0:hover {
  background: transparent;
  color: #fff;
}

.btn-getplanv0:hover:after {
  -webkit-transform: scale(2) rotate(180deg);
  transform: scale(2) rotate(180deg);
}

.containerplans {
  display: flex;
  flex-wrap: wrap;
  gap: 0px;
  justify-content: center;
  margin: 92px 0px -107px 0px;
}

.card {
  width: 362px;
  padding: 50px 40px;
  background: linear-gradient(
      137deg,
      rgba(11, 0, 65, 0) 0%,
      rgba(11, 0, 65, 0.75) 100%
    ),
    #114576;
  box-shadow: 8px 11px 6px rgba(0, 0, 0, 0.5);
  border-radius: 44px;
  outline: 2px solid #ed5f1e;
  text-align: center;
  color: white;
  /* transition: transform 0.3s, box-shadow 0.3s; */
  display: flex;
  align-content: center;
  align-items: center;
}

/* .card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.6);
} */

.card img {
  width: 100%;
  max-width: 184px;
  height: auto;
  border-radius: 10px;
}

.card-title {
  font-size: 21px;
  font-weight: 700;
  color: #44bebd;
  margin-top: 15px;
}

.card-description {
  font-size: 14px;
  font-weight: 400;
  margin: 10px 0;
}

.survey-section {
  text-align: left;
  margin-top: 20px;
}

.survey-item {
  display: flex;
  /* align-items: center; */
  gap: 10px;
  margin-bottom: 15px;
}

.survey-item img {
  width: 30px;
  height: 30px;
}

.survey-text {
  flex: 1;
}

.survey-title {
  font-size: 18px;
  font-weight: 600;
}

.survey-description {
  font-size: 12px;
  font-weight: 400;
}

.read-more {
  font-size: 8px;
  font-style: italic;
  font-weight: 700;
  color: #ed5f1e;
  text-decoration: underline;
  cursor: pointer;
  display: none;
}

.btn-container {
  margin-top: 20px;
  display: flex;
  justify-content: center;
}

.read-more-btn {
  background: linear-gradient(330deg, rgba(68, 190, 189, 0) 0%, #44bebd 100%),
    #f5ba40;
  color: white;
  font-size: 20px;
  font-weight: 700;
  padding: 12px 30px;
  border-radius: 42px;
  border: none;
  cursor: pointer;
  transition: background 0.3s;
}

.read-more-btn:hover {
  background: linear-gradient(330deg, rgba(68, 190, 189, 0) 0%, #3aa8a7 100%),
    #e6a935;
}

.custom-getplan {
  width: 195px;
  height: 44px;
}

.custom-getplan div {
  width: 100% !important;
  font-size: 14px !important;
}

.btn-getplanv0 {
  transition: all 0.5s ease;
  overflow: hidden;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 42.07px !important;
}

.btn-getplanv0:after {
  position: absolute;
  content: " ";
  z-index: 0;
  top: 0;
  left: 0;
  width: 290px;
  height: 240px;
  margin: -20px -10px;
  border-radius: 42.07px !important;
  background: linear-gradient(
    108deg,
    rgba(245, 186, 64, 1) 0%,
    rgba(68, 190, 189, 1) 100%
  );
  transition: all 0.8s ease;
}

.btn-getplanv0:hover {
  background: transparent;
  color: #fff;
}

.btn-getplanv0:hover:after {
  -webkit-transform: scale(2) rotate(180deg);
  transform: scale(2) rotate(180deg);
}

/* version 1 */
.btn-getplanv1 {
  transition: all 0.5s ease;
  overflow: hidden;
}

.btn-getplanv1:after {
  position: absolute;
  content: " ";
  z-index: 0;
  top: 0;
  left: 0;
  width: 290px;
  height: 240px;
  margin: -20px -10px;
  border-radius: 42.07px !important;
  background: linear-gradient(
    100deg,
    rgba(11, 0, 65, 1) 0%,
    rgba(245, 186, 64, 1) 100%
  );
  transition: all 0.8s ease;
}

.btn-getplanv1:hover {
  background: transparent;
  color: #fff;
}

.btn-getplanv1:hover:after {
  -webkit-transform: scale(2) rotate(180deg);
  transform: scale(2) rotate(180deg);
}

/* buttons */

/* buttons small */

.custom-getplansmall {
  color: #fff;

  font-weight: 500;

  cursor: pointer;

  border: none;
  outline: none;
}

.custom-getplansmall:hover {
  transform: scale(1.1);
}

.btn-getplansmall {
  transition: all 0.5s ease;
  overflow: hidden;
}

.btn-getplansmall:after {
  position: absolute;
  content: " ";
  z-index: 0;
  top: 0;
  left: 0;
  width: 290px;
  height: 240px;
  margin: -20px -10px;
  border-radius: 42.07px !important;
  background-image: linear-gradient(-73deg, #f5ba40 0%, #ed5f1e 100%);
  transition: all 0.8s ease;
}

.btn-getplansmall:hover {
  background: transparent;
  color: #fff;
}

.btn-getplansmall:hover:after {
  -webkit-transform: scale(2) rotate(180deg);
  transform: scale(2) rotate(180deg);
}

/* version 0 */
.btn-getplansmallv0 {
  transition: all 0.5s ease;
  overflow: hidden;
}

.btn-getplansmallv0:after {
  position: absolute;
  content: " ";
  z-index: 0;
  top: 0;
  left: 0;
  width: 290px;
  height: 240px;
  margin: -10px -10px;
  border-radius: 42.07px !important;
  background: linear-gradient(
    108deg,
    rgba(245, 186, 64, 1) 0%,
    rgba(68, 190, 189, 1) 100%
  );
  transition: all 0.8s ease;
}

.btn-getplansmallv0:hover {
  background: transparent;
  color: #fff;
}

.btn-getplansmallv0:hover:after {
  -webkit-transform: scale(2) rotate(180deg);
  transform: scale(2) rotate(180deg);
}

/* version 1 */
.btn-getplansmallv1 {
  transition: all 0.5s ease;
  overflow: hidden;
}

.btn-getplansmallv1:after {
  position: absolute;
  content: " ";
  z-index: 0;
  top: 0;
  left: 0;
  width: 290px;
  height: 240px;
  margin: -20px -10px;
  border-radius: 42.07px !important;
  background: linear-gradient(
    100deg,
    rgba(11, 0, 65, 1) 0%,
    rgba(245, 186, 64, 1) 100%
  );
  transition: all 0.8s ease;
}

.btn-getplansmallv1:hover {
  background: transparent;
  color: #fff;
}

.btn-getplansmallv1:hover:after {
  -webkit-transform: scale(2) rotate(180deg);
  transform: scale(2) rotate(180deg);
}

/* buttons small */

/* 2nd section */
/* monthly yearly button */
.planpricingholder {
  width: 100%;
  height: auto;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 114px;
  display: inline-flex;
}

.buttonpricing {
  justify-content: center;
  align-items: center;
  gap: 60px;
  display: inline-flex;
}

.btnmonthyear {
  height: 49.24px;
  padding-left: 15.99px;
  padding-right: 15.99px;
  padding-top: 12.62px;
  padding-bottom: 12.62px;
  border-radius: 42.07px;
  justify-content: center;
  align-items: center;
  gap: 8.41px;
  display: flex;
}

.toggle-btn.active {
  background: #44bebd !important;
}

.toggle-btn:not(.active) {
  background: #9a9a9a !important;
}

.fontbtnsize {
  width: 209.49px;
  text-align: center;
  color: white;
  font-size: 20px;
  font-family: Montserrat;
  font-weight: 700;
  word-wrap: break-word;
}

.btnholdercaseb2 {
  display: none;
}

.popularbtn {
  width: 181px;
  height: 44px;
  padding: 10px;
  left: 665px;
  top: 0px;
  position: absolute;
  background: #ed5f1e;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  display: inline-flex;
}
.plansandpricingtablemain {
  align-self: stretch;
  height: 766.45px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 60px;
  display: flex;
  /* testmob */
  height: 841px;
  /* testmob */
}
.planpricing {
  width: 1511.63px;
  height: 657.21px;
  position: relative;
}

.plansandpricingtable {
  width: 1511.63px;
  height: 642.41px;
  left: 0px;
  top: 14.79px;
  position: absolute;
  justify-content: center;
  align-items: center;
  gap: 72px;
  display: inline-flex;
}

.plnspricingcard {
  width: 455.88px;
  height: 642.41px;
  padding-left: 57.53px;
  padding-right: 57.53px;

  box-shadow: 8.716577529907227px 11.331549644470215px 6.53743314743042px
    rgba(0, 0, 0, 0.5);
  border-radius: 43.58px;
  border: 1.74px solid;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 40.97px;
  display: inline-flex;
}

.colorone {
  background: linear-gradient(0deg, white 0%, white 100%);
  border: 1.74px solid;
}

.colortwo {
  background: linear-gradient(0deg, #114576 0%, #114576 100%),
    linear-gradient(151deg, rgba(11, 0, 65, 0) 0%, rgba(11, 0, 65, 0.75) 100%);
  border: 1.74px #ed5f1e solid;
}

.cardinnerpos {
  align-self: stretch;
  height: 486.47px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4.36px;
  display: flex;
}

.imgplanspricing {
  width: 174.55px;
  height: 124.86px;
}

.price {
  color: #f5ba40;
  font-size: 52.3px;
  font-family: Montserrat;
  font-weight: 700;
  word-wrap: break-word;
}
.whitespace {
  font-size: 20.92px;
  font-family: Montserrat;
  font-weight: 700;
  word-wrap: break-word;
}
.colortextone {
  color: #114576;
}
.colortexttwo {
  color: #44bebd;
}
.textdesc {
  align-self: stretch;
  text-align: center;

  font-size: 19.18px;
  font-family: Montserrat;
  font-weight: 400;
  word-wrap: break-word;
}
.textdescolorone {
  color: white;
}
.textdescolortwo {
  color: black;
}

.starplansitem {
  font-size: 19.18px;
  font-family: Montserrat;
  font-weight: 400;
  word-wrap: break-word;
}
.innerplanitem {
  height: 207.45px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0px;
  display: flex;
}
.cols {
  padding: 0px 81px;
}

.tableholdermain {
  width: 1359.16px;
  justify-content: space-between;
  align-items: flex-end;
  display: inline-flex;
}
.checkholder {
  justify-content: flex-start;
  align-items: center;
  gap: 258px;
  display: flex;
}

.checkholderv1 {
  height: 33.24px;
  justify-content: flex-start;
  align-items: center;
  gap: 258px;
  display: flex;
}
.dividerplans {
  width: 1465.5px;
  height: 0px;
  border: 1px white solid;
}

.dividerplansspacing {
  width: 1465.5px;
  height: 559.67px;
  left: 0px;
  top: 100px;
  position: absolute;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 23px;
  display: inline-flex;
}

.planheader {
  width: 748px;
  height: 77px;
  left: 717.5px;
  top: 0px;
  position: absolute;
  justify-content: flex-start;
  align-items: center;
  gap: 126px;
  display: inline-flex;
}

/* plans and pricing */
/* 7th */

.elementholder {
  width: 100%;
  height: 669px;
  left: 0px;
  top: 0px;
  position: relative;
}

.recallbg {
  width: 100%;
  height: auto;
  padding-left: 115px;
  padding-right: 115px;
  padding-top: 80px;
  padding-bottom: 80px;
  left: 0px;
  top: 0px;
  position: absolute;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 40px;
  display: inline-flex;
  background: linear-gradient(
    180deg,
    rgba(17, 69, 118, 1) 0%,
    rgba(11, 0, 65, 1) 100%
  );
  margin: 34px 0px 0px 0px;
}
/* 5th section closing */
.fourthsection {
  width: 100%;
  height: 252px;
  left: 0px;
  top: 4372px;
  position: absolute;
}

.starfivesix,
.starsixsix,
.fourthirdstar,
.stanmobstwo,
.stanmobsthree {
  display: none;
}

/* ContacT US SECTION */
.contactusmain {
  position: relative;
  justify-content: center;
  align-items: flex-start;
  gap: 133px;
  display: inline-flex;
  width: 100%;
  height: auto;
  flex-direction: row;
  margin: 100px auto 0px auto;
}

.formholder {
  height: 711.24px;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 28.75px;
  display: flex;
  flex-direction: column;
}

.divider {
  display: flex;
  gap: 28px;
}

/* ContacT US SECTION */

/* TAC SECTION */

.tacmain {
  width: 100%;
  height: auto;
  position: relative;
  background: white;
}
.titlterms {
  width: 100%;
  height: 49px;
  left: 0px;
  top: 239px;
  position: relative;
  justify-content: center;
  align-items: center;
  gap: 23px;
  display: flex;
  align-content: center;
  flex-wrap: nowrap;
  flex-direction: column;
  max-width: 1236.93px;
  margin: 0 auto;
}

.tacstyle {
  width: 80%;
  height: auto;
  left: 0px;
  top: 0px;
  position: relative;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 36px;
  display: flex;
  max-width: 1236.93px;
  margin: 0 auto;
  padding: 324px 0px 75px 0px;
}

.tacstyle div {
  font-size: 16px !important;
}
.tacstyle span {
  font-size: 16px !important;
}

.tacstyle li {
  font-size: 16px !important;
}
.tacstyle p {
  font-size: 16px !important;
}



/* Container for the button */
.back-button-container {
  width: 36.7px;
  height: 35.76px;
  position: absolute;
  left: 50px;
  top: 170px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

/* Main wrapper for the arrow */
.back-button {
  width: 36.7px;
  height: 35.76px;
  position: relative;
}

/* Arrow pieces */
.arrow-line {
  position: absolute;
  background: #2a2a2a;
  border-radius: 50px;
}

/* Diagonal left part */
.arrow-line-left {
  width: 4.32px;
  height: 25.13px;
  left: 17.99px;
  top: 0px;
  transform: rotate(45deg);
  transform-origin: 0 0;
}

/* Diagonal right part */
.arrow-line-right {
  width: 4.32px;
  height: 25.13px;
  left: 0px;
  top: 17.99px;
  transform: rotate(-45deg);
  transform-origin: 0 0;
}

/* Horizontal middle part */
.arrow-line-middle {
  width: 4.32px;
  height: 35.26px;
  left: 1.44px;
  top: 19.97px;
  transform: rotate(-90deg);
  transform-origin: 0 0;
}

/* Hover effect */
.back-button-container:hover .arrow-line {
  background: #114576; /* Change color on hover */
}

/* TAC SECTION */

.footerholder {
  position: relative !important;
  top: 0 !important;
}




@media (max-width: 992px) {


  .containerplans {
    display: flex;
    flex-wrap: wrap;
    gap: 0px;
    justify-content: center;
    margin: 92px 0px 0px 0px;
  }
  /* 1st section */

  /* 2nd section */

  /* 3rd section */
  .aboutstars {
    width: 100%;
    height: auto;
    /* left: 0px; */
    /* top: 1694px; */
    position: relative;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 23px;
    display: flex;
  }

  /* 4th section */
  .fourthsection {
    width: 100%;
    height: 252px;
    left: 0px;
    top: 2142px;
    position: relative;
  }

  /* 5th section */

  .sectionfivebg {
    top: 2318px;
    position: relative;
    width: 100%;
    height: 100%;
    padding-left: 115px;
    padding-right: 115px;
    padding-top: 80px;
    padding-bottom: 80px;
    /* background: linear-gradient(0deg, #114576 0%, #114576 100%), linear-gradient(1deg, rgba(11, 0, 65, 0) 16%, #0B0041 100%); */
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 40px;
    display: inline-flex;
    /* background: linear-gradient(174deg, rgba(17, 69, 118, 1) 0%, rgba(11, 0, 65, 1) 100%); */
    background: linear-gradient(
      180deg,
      rgba(11, 0, 65, 1) 0%,
      rgba(17, 69, 118, 1) 100%
    );
    margin: -181px 0px 0px 0px;
  }

  /* 5th section */

  .elementholder {
    width: 100%;
    height: 669px;
    left: 0px;
    top: 2231px;
    position: relative;
  }

  .recallbg {
    width: 100%;
    height: auto;
    padding-left: 115px;
    padding-right: 115px;
    padding-top: 80px;
    padding-bottom: 80px;
    left: 0px;
    top: 201px;
    position: relative;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 40px;
    display: inline-flex;
    background: linear-gradient(
      180deg,
      rgba(17, 69, 118, 1) 0%,
      rgba(11, 0, 65, 1) 100%
    );
  }

  #mobbtnv2 {
    display: block;
  }
}

@media (max-width: 1169px) {
  .aboutstarsholder {
    padding: 130px 0px 0px 0px !important;
  }

  .tacstyle div {
    font-size: 14px !important;
  }
  .tacstyle span {
    font-size: 14px !important;
  }
  
  .tacstyle li {
    font-size: 14px !important;
  }
  .tacstyle p {
    font-size: 14px !important;
  }
  
}

@media (max-width: 1169px) {
  /* 1st section 820 */

  .aboutstarsholder {
    top: 0px;
    position: relative;
    margin: 46px 0px 100px 0px;
    padding: 0 !important;
  }

  .aboutstars {
    width: 100%;
    height: auto;
    left: 0px;
    top: 107px;
    position: relative;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 23px;
    display: inline-flex;
    padding: 10px;
  }

  .thirdelementholder {
    width: 100%;
    height: auto;
  }

  .mobtextelement {
    font-size: 20px !important;
    padding: 0 16%;
  }

  .thircelemcard {
    width: 100%;
    margin: 0 auto;
    font-size: 14px !important;
    padding: 0px 16%;
  }

  .imgthirdholder {
    width: 440px;
    height: auto !important;
  }

  .one {
    top: 14px;
    /* background: linear-gradient(
      29deg,
      rgba(11, 0, 65, 1) 0%,
      rgba(255, 255, 255, 0) 100%
    ); */
  }

  .topstar {
    width: 28px !important;
    height: 28px !important;
    left: 2% !important;
    top: 94% !important;
  }

  .middlestar {
    width: 34px !important;
    height: 34px !important;
    right: 7% !important;
    top: 44% !important;
  }
  .onestar {
    width: 26px !important;
    height: 26px !important;
    right: 14% !important;
    top: 48% !important;
  }

  .two {
    /* background: red; */
    top: 0px;
    display: flex;
    /* background: linear-gradient(
      -124deg,
      rgba(11, 0, 65, 1) 0%,
      rgba(255, 255, 255, 0) 100%
    ); */
  }
  .sectwoleftstar {
    width: 17px !important;
    height: 16px !important;
    left: 9% !important;
    top: 51% !important;
  }
  .startwoelement {
    width: 23px !important;
    height: 23px !important;
    right: 5% !important;
    top: 6% !important;
    left: auto !important;
  }
  .starsectwoleft {
    width: 23px !important;
    height: 22px !important;
    left: 9% !important;
    top: 57% !important;
  }
  .stanmobstwo {
    width: 17px !important;
    height: 17px !important;
    right: 11% !important;
    top: 49% !important;
    position: absolute;
  }

  .stanmobsthree {
    width: 23px !important;
    height: 23px !important;
    right: 7% !important;
    top: 93% !important;
    position: absolute;
  }

  .three {
    top: 1110px;
    background: linear-gradient(
      29deg,
      rgba(11, 0, 65, 1) 0%,
      rgba(255, 255, 255, 0) 100%
    );
  }

  .firstthirdstar {
    width: 34px !important;
    height: 34px !important;
    right: 7% !important;
    top: 50% !important;
  }

  .secondthirdstar {
    width: 21px !important;
    height: 21px !important;
    right: 14% !important;
    top: 50% !important;
  }
  .thirdthirdstar {
    width: 21px !important;
    height: 21px !important;
    left: 8% !important;
    top: 48% !important;
  }

  .fourthirdstar {
    width: 34px !important;
    height: 34px !important;
    left: 10% !important;
    top: 92% !important;
    position: absolute;
  }

  .rowcontainer {
    width: 100%;
    height: 516px;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 43.27px;
    padding-bottom: 43.27px;
  }

  .cardholderinner {
    height: 223px !important;
    gap: 0 !important;
    width: 100% !important;
  }

  .bgone {
    /* background-image: url(../img/bgv2one.png); */
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }
  .bgtwo {
    /* background-image: url(../img/bgv2two.png); */
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }
  .bgthree {
    background-image: url(../img/bgv2three.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }
  .contentholderthird {
    justify-content: center;
    align-items: center;
    gap: 0px;
    display: flex;
    flex-direction: column;
  }

  .contenttwo {
    display: flex;
    flex-direction: column-reverse;
  }

  /* 2nd section  820*/
  /* monthly yearly button */
  .planpricingholder {
    width: 100%;
    height: 1861px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 40px;
    display: inline-flex;
  }

  .buttonpricing {
    justify-content: center;
    align-items: center;
    gap: 20px;
    display: inline-flex;
    flex-direction: column;
  }

  .btnmonthyear {
    height: 44px;
    width: 195px;
  }

  .fontbtnsize {
    font-size: 14px;
  }
  .planpricing {
    width: 100%;
    height: auto;
    position: relative;
  }

  .plansandpricingtable {
    width: 100%;
    height: auto;
    gap: 21px;
    flex-direction: column;
  }
  .plnspricingcard {
    width: 370px;
    height: 228.89px;
    padding: 20px;
    gap: 6px;
  }

  .cardinnerpos {
    flex-direction: column;
    height: auto;
  }

  .heightauto {
    height: auto !important;
  }
  .gapping {
    gap: 5px !important;
  }

  .imgplanspricing {
    width: 90px;
    height: auto;
  }

  .price {
    font-size: 25px;
  }
  .whitespace {
    font-size: 20px;
    white-space: nowrap;
  }
  .textdesc {
    font-size: 14px !important;
    /* white-space: nowrap;
        width: auto !important; */
  }

  .starplansitem {
    font-size: 14px;
    white-space: nowrap;
  }

  .innerplanitem {
    height: auto;
    display: flex;
    flex-direction: row;

    img {
      width: 13px !important;
      height: auto !important;
    }
    .cols {
      padding: 0px 0px;
    }
  }

  .custom-getplan {
    width: 195px;
    height: 44px;
    div {
      width: 100% !important;
      font-size: 14px !important;
    }
  }

  .popularbtn {
    width: 78px;
    height: 20px;
    padding: 10px;
    position: relative;
    left: 86;
    margin: 255px 0px 0px -77px;
    div {
      font-size: 10px !important;
    }
  }
  .tableholdermain {
    width: auto;
    justify-content: space-between;
    align-items: flex-end;
    display: inline-flex;
    gap: 42px;
  }
  .checkholder,
  .checkholderv1 {
    gap: 26px;
  }

  .dividerplans {
    width: 373px;
  }

  .dividerplansspacing {
    width: auto;
    position: relative;
  }
  .planheadertags {
    left: -33.5px !important;
  }

  .planheader {
    width: auto;
    left: 169.5px;
    gap: 26px;
  }

  .elemtfordesc {
    white-space: nowrap;
    width: auto !important;
  }

  .spacer {
    width: 307px;
  }
  .auto {
    width: auto !important;
  }

  .mcp {
    display: flex;
    flex-direction: column;
    width: auto !important;
  }
  .fontsizepricing {
    font-size: 5px !important;
  }

  .fontsizeprice {
    font-size: 9.49px !important;
  }

  .fontsizemonth {
    font-size: 6.78px !important;
    white-space: nowrap;
  }

  .btnholdercase {
    display: flex;
    flex-direction: row;
    gap: 17px;
    padding: 27px 0px 0px 0px;
  }
  .btnholdercaseb2 {
    display: flex;
    flex-direction: row;
    gap: 17px;
    padding: 27px 0px 0px 0px;
  }
  .btn-getplansmall,
  .btn-getplansmallv0,
  .btn-getplansmallv1 {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    padding: 0 !important;
    width: 90px !important;
    div {
      font-size: 10px !important;
    }
  }

  /* plans and pricing */

  .mainfourthholder {
    top: 2988px;
    width: 100%;
    height: 100%;
  }
  .clientheader {
    width: 100% !important;
    height: 71px !important;
    padding: 0 !important;
  }

  .fourstarsecone {
    width: 15px !important;
    height: 15px !important;
    left: 12px !important;
    top: 13px !important;
  }
  .fourstarsecsecond {
    width: 20px !important;
    height: 20px !important;
    left: 61px !important;
    top: 28px !important;
  }

  .fourstarsecthird {
    width: 15px !important;
    height: 15px !important;
    left: 29px !important;
    top: 56px !important;
  }

  .fourstarseconev1 {
    width: 15px !important;
    height: 15px !important;
    right: 81px !important;
    top: 13px !important;
    position: absolute;
  }
  .fourstarsecsecondv1 {
    width: 20px !important;
    height: 20px !important;
    right: 11px !important;
    top: 28px !important;
    position: absolute;
  }

  .fourstarsecthirdv1 {
    width: 15px !important;
    height: 15px !important;
    right: 61px !important;
    top: 56px !important;
    position: absolute;
  }
  .card-sliderholder {
    width: 100% !important;
  }

  .containervertwo {
    gap: 20px;
    top: 1730px;
    padding: 0 5%;
    height: 403px !important;
  }

  .box {
    width: 276px;
    height: 357px;
  }

  .card-slider {
    width: 276px !important;
    height: 397px !important;
    padding-left: 35px !important;
    padding-right: 35px !important;
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }

  .comma {
    font-size: 20px !important;
  }
  .commatext {
    font-size: 14px !important;
  }

  .namecompany {
    align-items: flex-start !important;
    gap: 13px !important;
    display: inline-flex !important;
    flex-direction: column;
    align-content: flex-start;
  }
  .nameimg {
    width: 59px !important;
    height: 58.23px !important;
  }

  .progress-bar-container {
    top: 1751px;
  }

  .fourthsection {
    top: 1777px;
    width: 100% !important;
    height: 100% !important;
  }
  .holderfourth {
    width: 100%;
    height: 179px !important;
    padding-left: 2% !important;
    padding-right: 2% !important;
    left: 0px;
    top: 0px !important;
    position: absolute;
    /* background: #0b0041; */
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 23px;
    display: inline-flex;
  }
  .textsizefourth {
    font-size: 20px !important;
    width: 100% !important;
    padding: 0px 43px;
  }
  .textsizefourthdesc {
    font-size: 14px !important;
    width: 100% !important;
    padding: 0px 43px;
  }
  .starfourthleft {
    width: 17px !important;
    height: 16px !important;
    left: 43px !important;
    top: 15px !important;
  }

  .starfourthleftsec {
    width: 17px !important;
    height: 16px !important;
    left: 14px !important;
    top: 48px !important;
  }

  .starfourthleftthird {
    width: 23px !important;
    height: 23px !important;
    left: 19px !important;
    top: 133px !important;
  }
  .starfourthleftfourth {
    width: 17px !important ;
    height: 17px !important;
    left: 49px !important;
    top: 155px !important;
  }
  .starightfirst {
    width: 26px !important;
    height: 26px !important;
    top: 22px !important;
    left: auto !important;
    right: 14px !important;
  }
  .starightsecond {
    width: 16px !important;
    height: 16px !important;
    top: 89px !important;
    left: auto !important;
    right: 39px !important;
  }
  .starightthird {
    width: 21px !important;
    height: 21px !important;

    top: 123px !important;

    left: auto !important;
    right: 6px !important;
  }

  /* 5th section 567 */

  .sectionfivebg {
    top: 1280px !important;
    width: 100% !important;
    height: auto !important;
    padding: 20px !important;
  }
  .titleheaderfifth {
    font-size: 20px !important;
  }

  .secfivegap {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0px !important;
    display: flex;
  }
  .sectionfiveinner {
    justify-content: center !important;
    align-items: center !important;
    gap: 32px !important;
    display: inline-flex !important;
    flex-direction: column !important;
  }

  .elementholderfifth {
    width: 100% !important;
    height: 100% !important;
    gap: 21px !important;
  }

  .headerfifth {
    font-size: 20px !important;
  }
  .descriptionfifth {
    font-size: 14px !important;
  }
  .btnelementfifth {
    width: 195px !important;
  }
  .btnfontfifth {
    font-size: 15px !important;
    z-index: 1;
  }

  /* 6th section 567 */

  .secfiveimg {
    width: 388px !important;
    height: auto !important;
  }

  .sixsection {
    top: 0px;
    width: 100% !important;
    height: auto !important;
    padding: 0px 39px 35px 39px !important;
  }
  .sixsectioninner {
    justify-content: center;
    align-items: center;
    gap: 20px !important;
    display: flex !important;
    flex-direction: column !important;
  }

  .misvisbg {
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: row !important;
    gap: 8px;
  }
  .titdescsix {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px;
  }

  .siximgelemt {
    width: 100px !important;
    height: auto !important;
  }

  .sixheader {
    font-size: 20px !important;
  }
  .sixdecs {
    font-size: 14px !important;
  }
  .elementholder {
    top: 0px;
    height: auto;
    width: 100%;
  }

  .recallbg {
    height: auto;
    padding: 20px 0px;
    margin: 0;
    top: 0;
    display: flex;
    justify-content: flex-start;
  }

  .elemholdersix {
    gap: 0px !important;
    width: 100%;
  }

  .widthsix {
    width: 100% !important;
    flex-direction: column;
    gap: 0px !important;
  }
  .imgelementsix {
    width: 397px;
    height: auto;
  }

  .innerbox {
    width: 100% !important;
    gap: 21px !important;
    padding: 0px 39px;
    justify-content: flex-start !important;
    height: 100% !important;
  }

  .fontsizesix {
    font-size: 20px !important;
    margin: 0 auto;
  }
  .fontsizesixdesc {
    font-size: 14px !important;
  }

  .custombtn {
    height: 100% !important;
  }

  .btnelement {
    white-space: normal !important;
    display: flex;
    font-size: 15px;
  }

  .staronesix {
    width: 22px !important;
    height: 22px !important;
    left: 9px !important;
    top: 68px !important;
  }

  .startwosix {
    width: 14px !important;
    height: 14px !important;
    left: 65px !important;
    top: 205px !important;
  }
  .starthreesix {
    width: 14px !important;
    height: 14px !important;

    left: 31px !important;
    top: 236px !important;
  }
  .starfoursix {
    width: 22px !important;
    height: 22px !important;
    left: auto !important;
    top: 222px !important;
    right: 50px;
  }

  .starfivesix {
    width: 13px !important;
    height: 13px !important;
    left: auto !important;
    top: 103px !important;
    right: 8px;
    position: absolute;
  }
  .starsixsix {
    width: 22px !important;
    height: 22px !important;
    left: auto !important;
    top: 51px !important;
    right: 0px;
    position: absolute;
  }

  .starfivesix,
  .starsixsix,
  .fourthirdstar,
  .stanmobstwo,
  .stanmobsthree {
    display: block;
  }

  /* ContacT US SECTION */

  .contactusmain {
    position: relative;
    justify-content: center;
    align-items: center;
    gap: 133px;
    display: inline-flex;
    width: 100%;
    height: 1441px;
    flex-direction: column-reverse;
    margin: 0px auto 0px auto;
    align-content: center;
  }

  .divider {
    display: flex;
    gap: 28px;
    flex-direction: column;
  }

  .formholder {
    height: 711.24px;
    justify-content: center;
    align-items: center;
    gap: 28.75px;
    display: flex;
    flex-direction: column;
    align-content: center;
  }

  .inputcontacwidth {
    width: 360px !important;
  }

  /* ContacT US SECTION */

  /* TAC SECTION */

  .titletac {
    font-size: 20px !important;
  }

  .desctac {
    font-size: 14px !important;
  }

  .tacstyle {
    padding: 272px 44px 75px 44px;
  }
  .back-button-container {
    left: 7%;
    transform: scale(0.5);
  }

  .titlterms {
    left: 0px;
  }
  /* TAC SECTION */

  /* -----------------------------FOOTER----------------------------- */

  .footerholder {
    top: 0px !important;
    width: 100% !important;
    padding: 100px 0 !important;
    margin: 0 !important;
    /* height: 946px !important; */
    justify-content: flex-start !important;
  }
  #mobbtnv2 {
    display: block;
  }
}

@media (max-width: 428px) {
  .cardholderinner {
    gap: 14px !important;
  }
  .contentholderthird {
    gap: 53px !important;
  }
  .one {
    margin: 100px 0px 0px 0px;
  }
  .btnelement {
    font-size: 12px !important;
  }
}

@media (max-width: 379px) {
  .planpricingholder {
    transform: scale(0.88);
    height: 1750px;
  }

  .contactusmain {
    transform: scale(0.88);
    height: 1209px;
  }
}